<h2>Battle Reports</h2>
<nz-table #reportTable [nzData]="ms.game.battleStats">
  <thead>
    <tr>
      <th>Fleet</th>
      <th>Date</th>
      <th>Enemy</th>
      <th>Status</th>
      <th>View</th>
      <th>Download</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let report of reportTable.data">
      <td>
        <strong>{{ listOfFleets[report.fleetNum].label }}</strong>
      </td>
      <td>{{ report.date | date: "d/M/yy HH:mm:sss" }}</td>
      <td>
        <span> {{ report.name }}</span>
      </td>
      <td>
        <strong
          [ngClass]="report.battleResult.won ? 'text-success' : 'text-error'"
        >
          {{ report.battleResult.won ? "Won" : "Lost" }}
        </strong>
      </td>
      <td>
        <a [routerLink]="'/report/' + report.id"
          ><i nz-icon nzType="eye" nzTheme="outline"></i> View</a
        >
      </td>
      <td>
        <button nz-button (click)="download(report.id)" nzType="link">
          <i nz-icon nzType="fa-s:file-csv"></i>
        </button>
      </td>
    </tr>
  </tbody>
</nz-table>
